/**
 * @version 2.5
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 * @copyright (c) 2012 YouTech Company. All Rights Reserved.
 * @author YouTech Company http://www.smartaddons.com
 *
 */
/* --Bootstrap --*/

// Bootstrap mixins
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";

/* Variables */
@fontSizeXSmall:         @baseFontSize * 0.95; // ~13px

// The dropdown menu (ul)
// ----------------------
#editor-xtd-buttons .btn-toolbar{float: left;}
fieldset.adminform{overflow: visible;}
#yt_shorcodes{display: inline-block;position: relative;font-size: 12px;vertical-align: text-top;margin: 0 10px;
    .button-shortcodes{
	display: inline-block; padding: 0px 6px;margin-bottom: 0;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.2);
	.border-radius(4px);
	.box-shadow(~"inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)");
	#gradient .vertical(#76B1D3,#659AB9);
	
	// Used nested selector
	&.btn-text{float: left; .border-radius(4px 0 0 4px);}
	&.btn-act{ margin-left: -1px; .border-radius(0 4px 4px 0);}
    }
    span.arrow{
	display: inline-block;
	vertical-align: middle;
	border-bottom: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	
    }
    ul{
	background: #FFF;
	display: none;
	position: absolute;
	padding: 3px 0;
	margin: 5px 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	.box-shadow(0 0px 10px rgba(0, 0, 0, 0.2));
	.border-radius(4px);
    }
    // Used nested selector
    &.open{.box-shadow(~"0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05)");
	ul{left: 0;bottom: 26px;width: 410px;display: block;padding: 10px;z-index: 11;
	    li{display: block;padding: 0;margin-bottom: 5px; .box-sizing(border-box);width:33.33%;float: left;.border-radius(3px);
		//List icons
		&.item:before{
		    font-family:FontAwesome ;margin: 5px 8px 0 5px;display: inline-block;vertical-align: middle;font-size: 14px;color: #377ba2;
		    width:12px;float: left;
		}
		
		&.item-accordion:before{content: "\f0ca";}
		&.item-spacer:before{content: "\f07d";}
		&.item-blockquote:before{content: "\f10d";}
		&.item-buttons:before{content: "\f0c8";}
		&.item-clear:before{content: "\f08b";}
		&.item-column:before{content: "\f0db";}
		&.item-dropcap:before{content: "\f031";}
		&.item-divider:before{content: "\f068";}
		
		&.item-gallery:before{content: "\f03e";}
		&.item-googlefont:before{content: "\f035";}
		&.item-googlemap:before{content: "\f041";}
		&.item-list:before{content: "\f0cb";}
		&.item-br:before{content: "\f0c4";}
		&.item-lightbox:before{content: "\f065";}
		&.item-message:before{content: "\f071";}
		&.item-pricing:before{content: "\f0ce";}
		
		&.item-icon:before{content: "\f108";}
		&.item-social:before{content: "\f099";}
		&.item-highlighter:before{content: "\f022";}
		&.item-testimonial:before{content: "\f075";}
		&.item-tabs:before{content: "\f07b";}
		&.item-toggle:before{content: "\f0ae";}
		&.item-vimeo:before{content: "V";  font-family: 'SocialicoRegular';font-size: 20px;}
		&.item-youtube:before{content: "X";  font-family: 'SocialicoRegular';font-size: 24px;}
		
		&:hover{#gradient .vertical(#679dbc,#3f81a7);box-shadow: 0 0 3px rgba(0,0,0,0.3);
		    &:before{color: #fff;}
		    a:hover{text-decoration: none;color: #fff;}
		    
		}
		a{display:block;color: #666;line-height: normal;padding: 5px;}
	    }
	    
	}
    }
}
/* -- Block Accordion--*/
ul.yt-accordion{margin: 0;list-style: none;
    li.accordion-group{border-color: #d5d5d5;margin-bottom: 5px;background: #fff;
        h3.accordion-heading{padding: 5px 8px;margin: 0;line-height: 22px;cursor: pointer;font-size: 13px; #gradient .vertical(#f9f9f9,#e5e5e5);.box-shadow(inset 0 1px 0 #ffffff);.border-radius(4px 4px 0 0);
            .icon-plus-sign{text-align: left;margin-right: 5px;
                &:before{font-size: 14px;}
            }
            
            //Hover & Active Item
            &.active{color:#333;
                .icon-plus-sign{
                    &:before{content: "\f056";}
                }
            }
            &:hover{color:#333;background: #EFEFEF;}
        }
        .accordion-inner {border-top: 1px solid #D5D5D5;background: #fff;.border-radius(0 0 4px 4px);.box-shadow(0 1px 1px 0 rgba(180, 180, 180, 0.1));}
    }
}
/* -- Block Toggles--*/
ul.yt-toggle-box{margin: 0;list-style: none;
    li{margin-bottom: 10px;
	h3.toggle-box-head{padding: 5px 8px;margin: 0;line-height: 22px;overflow: hidden;cursor: pointer;font-size: 13px; #gradient .vertical(#f9f9f9,#e5e5e5);.box-shadow(inset 0 1px 0 #ffffff);.border-radius(4px );border: 1px solid #ddd;
            span{#translucent .background(#fff,0.5); color: #999;height: 34px;width: 38px;float: right;margin: -6px -10px;display: block;text-align: center;.border-radius(0 4px 4px 0);border-left: 1px solid #E2E2E2;
		&:before{content: "\f077";    font-family: FontAwesome;display: block;vertical-align: middle;font-size: 14px;font-weight: normal;margin-top: 5px;}
	    }
	    i{font-size: 14px;}
	    //Hover & Active Item
	    &.active{color:#333;.border-radius(4px 4px 0 0);
		span{.border-radius(0 4px 0 0);
		    &:before{content: "\f078"; }
		}
	    }
            &:hover{color:#333;background: #EFEFEF;}
        }
	.toggle-box-content{padding: 10px;border: 1px solid #ddd;border-top: none;.box-shadow(0 1px 1px 0 rgba(180, 180, 180, 0.1));.border-radius(0 0 4px 4px)
	
	}
    }
}
/* -- Block Blockquote--*/
.yt-boxquote{font-family: "Georgia";font-size: 130%;font-style: italic;line-height: 23px;clear: both;
    &.pull-left{margin-right: 20px;clear: none;}
    &.pull-right{margin-left: 20px;text-align: right;clear: none;}
    small{font-size: @fontSizeXSmall;
        cite{font-style: italic;}
    }
}

/* -- Block List Style--*/
.yt-list{margin-left: 15px;
    &.type-check,
    &.type-arrow,
    &.type-star,
    &.type-disc ,
    &.type-circle{ list-style: none;margin: 0;
        li{ 
	    &:before{ font-family: FontAwesome; content: "\f00c";margin-right: 7px;font-size: 13px; }
	    > span{color: #666;}
	}
    }
    &.type-arrow li:before{content: "\f0da";margin-right: 10px; }
    &.type-star  li:before {content: "\f005";margin-right: 10px; }
    &.type-disc  li:before {content: "\f111";margin-right: 10px; font-size: 6px;vertical-align: middle;}
    &.type-circle li:before {content: "\f10c";margin-right: 10px;font-size: 8px;vertical-align: middle; }
    
    &[class*="type-smallnumber"]{list-style: none;margin: 0; counter-reset: section;
        > li{list-style: none;padding-left: 30px;line-height: 20px;margin-bottom: 5px;clear: both;
            &:before{
                counter-increment:section;
                content:counter(section);
                width:20px;height: 20px;margin: 0 10px 15px -30px;
                font-size: 11px;line-height: 19px;text-align: center;
                color: #fff;background: #666;font-weight: bold;
                float: left;
                .border-radius(20px);.box-shadow(0 0 8px rgba(0,0,0,0.4) inset);
            }
        }
    }
    &.type-smallnumber2{
        > li:before{background: #67AFD7;}
    }
    &.type-smallnumber3{
        > li:before{background: #FAA732;}
    }
    &.type-smallnumber4{
        > li:before{background: #DA4F49;}
    }
    &.type-smallnumber5{
        > li:before{background: #6EAD18;}
    }
    &.type-smallnumber6{
        > li:before{background: #e1d904;}
    }
   
    &[class*="type-numblocks"]{list-style: none;margin: 0; counter-reset: section;
        > li{list-style: none;padding-left: 45px;line-height: 25px;margin-bottom: 10px;clear: both;
            &:before{
                counter-increment:section;
                content: "0" counter(section);
                width:35px;height: 35px;margin: 5px 10px 15px -45px;
                font-size: 20px;line-height: 35px;text-align: center;
                color: #ccc;border: 3px solid #ccc;
                float: left;
                border-radius: 35px;
            }
        }
    }
    &.type-numblocks2{
        li:before{border-color: #363636; color: #363636;}
    }
    &.type-numblocks3{
        li:before{border-color: #F7683A; color: #F7683A;}
    }
    
    &.type-decimal{list-style-type:decimal;}
    &.type-square {list-style-type:square;

    }
    &.type-roman  {list-style-type:upper-roman;}
    &.type-decimal{list-style-type:decimal;}
    &.type-alpha  {list-style-type:upper-alpha;}
    li{padding-bottom: 5px;}
    
}
/* -- Block List Icon--*/
div.rsContent{
    .item{color: white;padding: 20px; position: relative;overflow: hidden;
        h3{font-size: 2.14286em;font-weight: 700;line-height: 1.2em;margin: 0;}
        p{  font-size: 1.28571em;line-height: 1.4em;margin: 0;}
    }
    .box-members{background-color: #E56C19;}
    .box-apps {background-color: #83BA1F;}
    .box-leads {background-color: #2673EC;}
}
ul.the-icons{list-style:none;padding:0;margin:0;
    li{.border-radius(5px);cursor: pointer;height: 32px;line-height: 32px;padding-left: 5px;background: #f3f3f3;margin-bottom: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; .transition(all 0.5s ease-in-out);
        [class^="icon-"],
        [class*=" icon-"]{font-size: 14px;width: 32px;.transition(all 0.2s ease-in-out);}
        &:hover{background-color: #83BA1F;color: #fff;.transition(all 0.01s ease-in-out); .scale(1.1);
            [class^="icon-"],
            [class*=" icon-"]{color: #fff;font-size: 24px;vertical-align: -5px;}
        }
    }
}
/* -- Block Buttons--*/
.btn { 
    [class^="icon-"]{margin-right: 5px;}
    .btn-3d-active{
        border-width: 0; margin-bottom: 0; padding: 3px 21px; vertical-align: -12px;
        .border-radius(3px);
        .box-shadow(~"0 0 3px rgba(0, 0, 0, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px white");
    }
    &.btn-3d{
        font-size: 16px; font-weight: bold;color: #555555;
        height: 28px;line-height: 28px; display: inline-block;
        margin: 0 0 5px; padding: 2px 20px; text-shadow: 0 1px white;
        outline: 0 none; vertical-align: baseline;min-width: 100px; text-transform: capitalize;
        border-width: 1px 1px 0; border-style: solid;border-color: #CECECE #BABABA #A8A8A8;
        .box-sizing(content-box);
        .border-radius(3px 3px 2px 2px);
        #gradient .vertical-three-colors( #F1F1F1 , #DFDFDF, 70%, #DADADA);
        .box-shadow(~"0 1px #FDFDFD inset, 0 0 0 1px #EAEAEA inset, 0 1px #A8A8A8, 0 3px #BBBBBB, 0 4px #A8A8A8, 0 5px 2px rgba(0, 0, 0, 0.25), 0 10px 5px #EEEEEE");
        
        &:hover{background: #DFDFDF;border-top-color: #C9C9C9;}
        &:active{margin: 5px 0 0;vertical-align: 1px;
            .btn-3d-active();
        }
        
        &.black{
            color: #F1F1F1;
            text-shadow: 0 1px #111111;
            border-color: #505050 #414141 #2C2C2C;
            .box-shadow(~"0 1px #828282 inset, 0 0 0 1px #555555 inset, 0 1px #2C2C2C, 0 3px #444444, 0 4px #2C2C2C, 0 5px 2px rgba(0, 0, 0, 0.4)");
            #gradient .vertical-three-colors( dimgrey , #4F4F4F, 70%, #3C3C3C);
            
            &:hover{background: #4F4F4F;border-top-color: #494949;}
            &:active{
                .btn-3d-active();
            }
        }
        &.blue{
            color: #236277;
            text-shadow: 0 1px #C2ECF9;
            border-color: #6FBAD1 #3FA3C0 #3583AB;
            .box-shadow(~"0 1px #C5F0FD inset, 0 0 0 1px #8AD1EB inset, 0 1px #3583AB, 0 3px #3F9DB8, 0 4px #3583AB, 0 5px 2px rgba(0, 0, 0, 0.4)");
            #gradient .vertical-three-colors( #9BE5FA  , #61CDF3 , 70%, #5FBDE8 );
            
            &:hover{background: #61CDF3;border-top-color: #3EAAC9;}
            &:active{
                .btn-3d-active();
            }
        }
        
        &.green{
            color: #465F25;
            text-shadow: 0 1px #D9F3B5;
            border-color: #91CE5E #7AB04B #5E903F;
            .box-shadow(~"0 1px #D9F3B5 inset, 0 0 0 1px #B1E095 inset, 0 1px #5E903F, 0 3px #6DA445, 0 4px #5E903F, 0 5px 2px rgba(0, 0, 0, 0.4)");
            #gradient .vertical-three-colors( #C0EB85 , #94D362 , 70%, #8ED258 );
            
            &:hover{background: #94D362;border-top-color: #82BD53;}
            &:active{
                .btn-3d-active();
            }
        }
        
        &.red{
            color: #702526;
            text-shadow: 0 1px #EA8F99;
            border-color: #E1696E #C85252 #A03A38;
            .box-shadow(~"0 1px #DCAAAA inset, 0 0 0 1px #DF777A inset, 0 1px #A03A38, 0 3px #BE4B49, 0 4px #A03A38, 0 5px 2px rgba(0, 0, 0, 0.4)");
            #gradient .vertical-three-colors( #EB9093 , #E46565 , 70%, #E25755 );
            
            &:hover{background: #D0585A;border-top-color: #D0585A;}
            &:active{
                .btn-3d-active();
            }
        }
        
    }
}


/* -- Block Colums--*/
.yt-show-grid{
    .row-fluid {margin-bottom: 20px;margin-top: 10px;
        [class*="span"] {line-height: 40px;min-height: 40px;text-align: center;.border-radius(3px);   }
    }
}
.yt-grid{margin-bottom: 20px;}

/* -- Block Dropcap --*/
.yt-dropcap{display: block;float: left;line-height: 100%;margin: -1px 5px 0 0;font-size: 5em;
    &.square {margin: 5px 10px 0 0;padding: 0 5px;}
    &.round {margin: 5px 10px 0 0; padding: 5px 5px 0;.border-radius(15px 0 15px 0);}
}

/* -- Block Gallery --*/
@keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}
@-webkit-keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}
@-o-keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}
.yt-gallery{
    .gallery-title{margin: 0 8px 10px ;font-size: 150%;}
    ul{margin: 0;padding: 0;width: 100%;list-style: none;
	li{float: left;margin: 0;.box-sizing(border-box);
	    .item-gallery{position: relative; padding: 8px;
		a{ display: block;position: relative;overflow: hidden;background: #333;
		    h3.item-gallery-title{font-size: 12px;margin: 0;font-weight: normal;padding: 7px 15px 7px 10px;color: #fff;position: absolute;left: -105%;bottom: 10px;z-index: 9;
			background: rgba(0,0,0,0.7);.transition(all 0.3s ease-in-out 0s);.box-sizing(border-box);
		    }
		    .image-overlay{position: absolute;z-index: 3;left: 0;top:0;width: 100%;height: 100%; .opacity(100);background: transparent;}
		    img{width:100%;}
		}
		.item-gallery-hover{
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    opacity: 0;
		    transition: opacity 0.3s ease;
		    background-size: 30px 30px;
		    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
		    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
		    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
		    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
    
		    animation: barberpole 0.5s linear infinite;
		    -moz-animation: barberpole 0.5s linear infinite; /* Firefox */
		    -webkit-animation: barberpole 0.5s linear infinite; /* Safari and Chrome */
		    -o-animation: barberpole 0.5s linear infinite; /* Opera */
		}
		 //Hover Item
		&:hover{
		    .item-gallery-hover{.opacity(100);}
		    h3.item-gallery-title{left: 0;}
		   
		}
	    }
	   
	}
	 //Not(hover) Item
	&:hover
	    li{
		.item-gallery a:not(:hover){
		     .image-overlay{#translucent .background(@black,0.4);.box-shadow(0 0 30px rgba(0,0,0,0.8) inset);}
	    }
	    
	}
    }
}

div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;}


div.pp_default .pp_gallery ul li a {
    background: url("../images/prettyPhoto/default/default_thumb.png") repeat scroll center center #F8F8F8;
    border: 1px solid #AAAAAA;
}

.pp_default {
    .ppt{color:#fff;text-align: center;display:none;font-size:145%;margin:0 0 5px 15px;z-index:9999;}
    .pp_top{height: 13px;
	.pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;}
	.pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;}
	.pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;}
    }
    .pp_content_container{background: #fff;padding: 10px;border: 5px solid #262626;.border-radius(7px);position: relative;
	.pp_content{min-height: 40px;overflow: hidden;
	    .pp_fade{display: none;}
	    .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
	    .pp_expand,.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:10px;text-indent:-10000px;top:10px;width:20px;z-index:20000;
		background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px;
		&:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;}
	    }
	    .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px;
		&:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;}
	    }
	    
	    .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;
		a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;
		    &:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
		}
		a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;
		    &:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;}
		}
	    }
	    .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;
		.pp_arrow_previous,
		.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;
		    left: auto;position: static;background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px;
		}
		.pp_arrow_next{ background-position: -82px -3px;left: 52px;}
		div{float:left;overflow:hidden;position:relative;
		    ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap;
			li{display:block;float:left;margin:0 5px 0 0;padding:0;
			    a{border:1px rgba(0,0,0,0.3) solid;display:block;float:left;height:30px;overflow:hidden;.opacity(60);.transition(all 0.3s ease-in-out 0s);
				&:hover{.opacity(100);}
			    }
			}
		    }
		}
	    }
        ul li a {
            background: url("../images/prettyPhoto/default/default_thumb.png") repeat scroll center center #F8F8F8;
            border: 1px solid #AAAAAA;
            display: block;
            width: 50px;
        }
	    .pp_details{float:left;margin:10px 0 0;position: relative;min-height: 30px;
		.pp_nav{clear:none;height:30px;position:relative;width:110px;float: left;
		    .pp_play,.pp_pause{ height: 30px;width: 30px;float:left;margin-right:4px;text-indent:-10000px;background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;}
		    .pp_play{height:30px;width:30px;
			 &:hover{.opacity(70);}
		    }
		    .pp_pause{background-position:-51px -29px;
			 &:hover{.opacity(70);}
		    }
		    
		    .pp_arrow_previous,
		    .pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;
			background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px;
			&:hover{.opacity(70);}
		    }
		    .pp_arrow_next{background-position:-82px -3px;left:52px;}
		    .currentTextHolder{color:#999;font-family:Georgia;font-size:95%;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px;}
		}
		.pp_description{font-size:95%;font-weight:700;line-height:14px;margin:5px 50px 5px 0;height: 30px;}
		.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0;
		    background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px;
		    &:hover{.opacity(70);}
		}
	    }
	}
    }
    .pp_bottom{height: 13px;}
}

/* -- Block Lightbox --*/
ul.thumbnails > li{margin-bottom: 10px !important;}
.yt-lightbox{margin: 0 20px 20px 0;z-index: 5;padding: 5px;background: #FCFCFC;border: 1px solid #ddd;overflow: hidden;display:block;
    &:hover{border: 1px solid #B7B7B7;}
    &.image-left{float: left;}
    &.image-right{float: right;margin: 0 0 20px 20px;}
    &.no-border{padding: 0;border: none;}
    &.image-none{margin: 0 0 10px ;}
    a{min-height: 80px;min-width: 80px; margin: 0;padding: 0;border: none;width:auto;display: block;  position: relative;left: auto;top: auto;right: auto;overflow: hidden;z-index: 1;.border-radius(0); .box-shadow(none);
        h3.img-title{ position: absolute;bottom: -10%;left: 0;width:100%; padding: 8px 10px;margin: 0;font-size: 12px;color: #eee;.opacity(0);
                #gradient .vertical( rgba(0,0,0,0) ,rgba(0,0,0,0.8)); background-color: transparent; .box-sizing(border-box);.transition(all 0.3s ease-in-out );
        }
        &:hover{
            h3.img-title{bottom: 0;.opacity(100);
            }
        }
	img{width: 100%;}
    }
}

/* -- Block Message Box  --*/
.alert{
    .alert-heading{font-size: 130%;margin-bottom: 8px;}
    .close{top:-5px;background: transparent !important;}

}

/* -- Block Social Buttons --*/
div.yt-socialbt{display: inline-block;margin-right: 12px;
    a{  color:#666;
        width: 32px;height: 32px;text-align: center;
	text-decoration: none;
	line-height: 32px;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background-color: #ececec;
	border: solid 1px #b8b8b9;
	.transition(all 0.25s ease-in-out 0s);
	.box-shadow( ~"inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.1)");.border-radius(5px);
        
        // Hover Link
        &:hover{ background-color: #F3F3F3;.scale(1.2);}
        &:focus{ .box-shadow( ~"inset 0 1px 3px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.1)");}
        
        i{font-size: 30px ;line-height: 100%;}
        span{margin-left: 5px;vertical-align: top;font-size: 14px;}
        
        // Size 
        &.small {width: 26px;height: 26px;line-height: 24px;
            > i{font-size: 27px;line-height: 23px;}
        }
        &.large{width: 40px;height: 40px;line-height: 35px;
            > i {font-size: 42px;}
        }
        
        /* min style */
        &.min{width:auto;background-color: transparent;border: none;.box-shadow(none);}
        &.cicle{ .border-radius(32px);}
        &.flat{ .border-radius(0);} 
        &.color{color: #fff;border: 1px solid rgba(0, 0, 0, 0.25); .box-shadow(~"inset 0 1px 0 rgba(255, 255, 255, 0.3) , 1px 1px 2px rgba(0, 0, 0, 0.3)");
            &.facebook{background-color: #3c5a9a;}
            &.twitterbird{background-color: #2daae0;}
            &.google{background-color: #ee4f2f;}
            &.pinit{background-color: #ca1f27;}
            
            &.dribbble{background-color: #e94d8a;}
            &.deviantart{background-color: #52665a;}
            &.behance{background-color: #309dd5;}
            &.flickr{background-color: #ff0086;}
            
            &.linkedin{background-color: #1b5690;}
            &.stumbleupon{background-color: #ec4822;}
            &.rss{background-color: #ec4822;}
            &.skype{background-color: #01afee;}
            
            &.tumblr{background-color: #2a445d;}
            &.youtube{background-color: #ff3033;}
            &.vimeo{background-color: #44b0df;}
            
        }
        &.text{padding: 0 10px;width: auto;}
    }
}

/* -- Block Togglable tabs --*/
div.yt-tabs{
    ul.nav-tabs{list-style: none;margin:0; padding: 0 5px;border-bottom: none;border-bottom: 1px solid #ddd;
        li{ height: 31px;overflow: hidden;max-width: 300px;padding: 0;
            a{margin-right:5px;padding: 5px 20px;display: block;border: 1px solid #ddd;background: #F7F6F6;font-size: 13px;color: #666;font-weight: bold;text-transform: capitalize;.text-overflow(); .border-radius( 0);.box-shadow(0 0 8px rgba(0, 0, 0, 0.06) inset);
                &:hover{color: #000;}
		&.active{border-bottom-color:#fff; background: #fff;.box-shadow(none);}
            }
            
        }
    }
    div.tab-content{padding: 10px 5px;overflow: visible;.box-sizing(border-box);
        > div{display: none;
            &.active{display: block;}
        }
    }
    // Custom Style
    &[class*="style"]{
	ul.nav-tabs{margin: 0 5px;border-bottom: 3px solid #85B24E;
	    li{margin-bottom: 0;
		a{  padding: 4px 20px 6px;
		   &.active{border-color: #7BA543;border-bottom-color:#85B24E; background: #85B24E;color: #fff;text-shadow: none;.box-shadow(~"0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 13px 5px rgba(255, 255, 255, 0.25) inset");} 
		}
	    }
	}
	div.tab-content{padding: 1em 0 ;border: none;}
    }
    &.style-blue{
	ul.nav-tabs{border-bottom-color: #61A5CA;
	    li{
		a.active{background: #61A5CA;border-color:#61A5CA;}
	    }
	}
    }
    &.style-black{
	ul.nav-tabs{border-bottom-color: #626262;
	    li{
		a.active{background: #626262;border-color:#626262;}
	    }
	}
    }
    
    &.style-red{
	ul.nav-tabs{border-bottom-color: #E02C26;
	    li{
		a.active{background: #E02C26;border-color:#E02C26;}
	    }
	}
    }
    
    &.style-oranges{
	ul.nav-tabs{border-bottom-color: #E2A738;
	    li{
		a.active{background: #E2A738;border-color:#E2A738;}
	    }
	}
    }
    // Tabs Vertical
    &.vertical{margin-left: 120px;clear: both;
	ul.nav-tabs{float: left;width:120px;margin-left: -120px;border: none;padding: 0;
	    li{float: none;margin-bottom: 10px;display: block;overflow: visible;
		a{margin: 0;padding: 5px 10px;border: none;text-align: left;background: none;position: relative;.box-shadow(none);overflow: visible;
		    
		    &.active{background: #606060;color: #fff;.box-shadow(none);
		    &:before{
			    border-bottom: 15px solid transparent;
			    border-left: 15px solid #606060;
			    border-top: 15px solid transparent;
			    content: ""; height: 0;width: 0;position: absolute;top: 0;right: -15px;
			}
		    }
		   
		}
	    }
	}
	div.tab-content{width:100%;border:none; padding: 0 0 0 40px;.box-sizing(border-box);}
	
	// Custom Style
	&.style-green{
	    ul.nav-tabs{
		li{
		    a{
			&.active{background: #85B24E;}
			&:before{ border-left: 15px solid #85B24E;}
		    }
		}
	    }
	}
	
	&.style-blue{
	    ul.nav-tabs{
		li{
		    a{
			&.active{background: #61A5CA;}
			&:before{ border-left: 15px solid #61A5CA;}
		    }
		}
	    }
	}
	
	&.style-red{
	    ul.nav-tabs{
		li{
		    a{
			&.active{background: #E02C26;}
			&:before{ border-left: 15px solid #E02C26;}
		    }
		}
	    }
	}
	
	&.style-oranges{
	    ul.nav-tabs{
		li{
		    a{
			&.active{background: #E2A738;}
			&:before{ border-left: 15px solid #E2A738;}
		    }
		}
	    }
	}
    }
}

/* -- Block Testimonial  --*/
.yt-testimonial{border-left: 0;padding: 0;margin: 0 0 0 60px;position: relative;
    &:before{font-size: 16px;font-family: 'FontAwesome';content: "\f10d";color: #ccc;font-size: 42px;position: absolute;top:15px;left: -60px;}
    p{font-family: Georgia,"Times New Roman",serif;font-style: italic;font-size: 15px;line-height: 22px;display: inline;color: #666;}
    small{font-size: 12px;margin-top: 15px;text-align: right;color: #666;
        &:before{content: "";height: auto;display: none;}
        i{margin-right: 5px;}
        cite{font-weight: normal;color: #999;}
    }
    &.tm-avatar{margin: 0 0 100px;border:1px solid #ddd;border-top: 3px solid #666;padding: 10px;
        &:before,&:after{content: "";
	    border-width: 8px ;
	    border-color: #ccc transparent transparent #ccc;
            border-style: solid;
            height: 0;
            left: 26px;
            margin-top: -8px;
            position: absolute;
            bottom: -16px;
	    top: auto;
            width: 0;
        }
        &:after{content: "";  border-color: #fff transparent transparent #fff;left: 27px;}
        .testimonial-avatar{width:auto;height: 50px;position: absolute;left: 0px;bottom: -70px;z-index: 1;
	    img{max-height: 100%;margin-right: 10px;.border-radius(50px);float: left;border: 1px solid #666;}
	}
        small{text-align: left;display: inline-block;font-size: 13px;font-weight: bold;
            .icon-user{display: none;
		&:before {content: ""; font-family: inherit;height: auto;}
	    }
	    
        }
    }
   
    // Style Testimonials
    &.green{border-top-color: #6EAD18;
	small{color: #6EAD18;  }
    }
    
    &.red{border-top-color: #DA4F49;
	small{color: #DA4F49;}
    }
    
    &.blue{border-top-color: #67AFD7;
	small{color: #67AFD7;  }
    }
    
    &.oranges{border-top-color: #FAA732;
	small{color: #FAA732;}
    }
}

/* -- Block Vimeo  --*/
.yt-vimeo{background: #222;overflow: hidden;.box-shadow(~"0 35px 10px -25px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset");
    &.pull-none{margin-bottom: 2em;}
    &.pull-left{margin: 0 1em 1em 0;}
    &.pull-right{margin: 0 0 1em 1em;}
    iframe{border: none;float: left;}
}

/* -- Block Watch Youtube  --*/
div.yt-youtube{.yt-vimeo();
    iframe{border: none;}
    
}

/* -- Block Divider  --*/
div.yt-divider{border-top: 1px solid #D6D6D6;height: 1px;clear: both;width: 100%;
    &.line{height: 3px;background: #F4F4F4;border-top-color: #DBDBDB;}
    &.dotted{height: 1px;background: url("../images/dotted.png") repeat-x 0 0;border: none;}
    &.shadow{height: 5px;background: url("../images/shadow.png") no-repeat 0 0;border: none;background-size: 100% auto;}
    &.stripes{height: 6px;background: url("../images/stripes.png")  0 0;border: none;}
}

/* -- Block Googlemap  --*/
.yt-gmap{
    &.pull-left{margin: 0 1em 1em 0;}
    &.pull-right{margin: 0 0 1em 1em;}
    img{max-width: none;}
}
/* -- Block Pricing Tables   --*/
div.yt-pricing{margin-bottom: 20px;
    &:after{clear: both;display: table;width: 100%;content: "";}
    // Style Pricing table
    &.pricing-red{
        .column {
            div.pricing-basic{color: #eee;#gradient .vertical(#c43d3d,#a72323); border-bottom: 1px solid #810000; }
            div.pricing-money{#gradient .vertical(#b93636,#a62222);border-top-color: #d04848;border-bottom: 1px solid #8f1d1d;
                h2{color: #fff;}
                h4{color: #ddd;}
            }
            ul.pricing-list{
                li{
                    [class^="icon-"],
                    [class*=" icon-"]{color: #b73535;}
                }
            }
        }
    }
    &.pricing-blue{
        .column {
            &:nth-child(1){
                div.pricing-basic{background: #52b5d5;}
                div.pricing-money{background: #64c3de;}
            }
            &:nth-child(2){
                div.pricing-basic{background: #3591ca;}
                div.pricing-money{background: #44a3d5;}
            }
            &:nth-child(3){
                div.pricing-basic{background: #1f5f9f;}
                div.pricing-money{background: #2972b0;}
            }
            &:nth-child(4){
                div.pricing-basic{background: #1a3e7b;}
                div.pricing-money{background: #234e8e;}
            }
            &:nth-child(5){
                div.pricing-basic{background: #1a3e7b;}
                div.pricing-money{background: #234e8e;}
            }
            div.pricing-basic{border: none;color: #fff;}
            div.pricing-money{border: none;
                h2{color: #fff;}
                h4{color: #eee;}
            }
            ul.pricing-list{
                li{
                    [class^="icon-"],
                    [class*=" icon-"]{color: #44a3d5;}
                }
            }
        }
    }
    &.pricing-green{
	
        .column {
            &:nth-child(1){
                div.pricing-basic{#gradient .vertical(#9ec360,#77a946);border-bottom-color: #5e9737;}
                div.pricing-money{#gradient .vertical(#9ec35d,#77a946);border-top-color: #c9dd95;}
            }
            &:nth-child(2){
                div.pricing-basic{#gradient .vertical(#7db447,#5f9836);border-bottom-color: #487d29;}
                div.pricing-money{#gradient .vertical(#7db447,#5f9836);border-top-color: #a8d065;}
            }
            &:nth-child(3){
                div.pricing-basic{#gradient .vertical(#5caa34,#468928);border-bottom-color: #356a1e;}
                div.pricing-money{#gradient .vertical(#5caa34,#468928);border-top-color: #99d458;}
            }
            &:nth-child(4){
                div.pricing-basic{#gradient .vertical(#439a28,#34791f);border-bottom-color: #275c17;}
                div.pricing-money{#gradient .vertical(#439a28,#34791f);border-top-color: #6ac73e;}
            }
            &:nth-child(5){
                div.pricing-basic{#gradient .vertical(#439a28,#34791f);border-bottom-color: #275c17;}
                div.pricing-money{#gradient .vertical(#439a28,#34791f);border-top-color: #6ac73e;}
            }
            div.pricing-basic{color: #fff;}
            div.pricing-money{
                h2{color: #fff;}
                h4{color: #fff;font-size: 15px;text-transform: capitalize;}
            }
            ul.pricing-list{
                li{
                    [class^="icon-"],
                    [class*=" icon-"]{color: #4e982c;font-size: 16px;}
		    .gray{color: #999;}
                }
            }
        }
    }
    .column{background: #fff;text-align: center;position: relative;z-index: 1;
        &:nth-child(2n+1){background: #f6f6f6;}
        /*&:first-child{
            .pricing-basic{.border-radius(5px 0 0 0);}
        }
        &:last-child{
            .pricing-basic{.border-radius(0 5px 0 0);}
        }*/
        &:hover{.scale(1.05); .transition( all 0.2s ease-in-out 0s);.box-shadow(0 0 8px rgba(0,0,0,0.5));z-index: 5;}
        
        // Colum Pricing Tables 
        &.span4{margin: 0;width:33.333%;}
        &.span3{margin: 0;width:25%;}
        &.span2{margin: 0;width:20%;}
        &.featured{
            .pricing-basic{
                span{background: url(../images/featured.png) no-repeat right top;}
            }
        }
        
        .pricing-basic{
	    font-family: "trebuchet MS";height:45px;line-height: 45px;font-weight: normal;background: #2b2b2b;
	    font-size: 18px;color: #a3a3a3;color: rgba(255, 255, 255, 0.8);border-bottom: 1px solid #1a1a1a; 
            #gradient .vertical(#414141,#2b2b2b);
            span{display: block;.text-overflow();}
        }
        div.pricing-money{height: 110px;overflow: hidden;border-top: 1px solid #434343;margin: 0;#gradient .vertical(#353535,#1f1f1f);text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
            h2{margin: 20px 0 0;padding: 0 10px;line-height: 100%;font: 600 46px/46px Arial,Helvetica,sans-serif;color: #2CB4C9;.text-overflow();}
            h4{display: block;color: #8a8a8a;text-transform: capitalize;font-size: 120%;}
	    
        }
        ul.pricing-list{list-style: none;margin: 0;
            li{padding: 8px 10px;font-size: 13px;
                &:nth-child(2n+1){#translucent .background(#000,0.05);}
                [class^="icon-"],
                [class*=" icon-"]{float: left;color: #2CB4C9;}
            }
           
        }
        .pricing-bottom{padding: 15px 0;border-bottom: 2px solid #404040;border-top: 1px solid #d3d3d3;#gradient .vertical(#F5F5F5,#CCCCCC);
            a.signup{padding: 5px 0;min-width:120px;display: inline-block;border: 1px solid #bebebe;color: #444;font-weight: bold;
                    #gradient .vertical(#f0f0f0,#d8d8d8);.box-shadow(0 1px 0 rgba(255,255,255,0.5));.border-radius(3px);text-shadow: 1px 1px 0 #fff;
                &:hover{#gradient .vertical(#d7d7d7,#bdbdbd);border: 1px solid #ababab;}
            }
        }
        
    }
}

/* -- Block  Syntax Highlighting    --*/
.highlighter{margin-top: 31px;
    &.prettyprint{.border-radius(0);border: none;position: relative;}
    &.prettyprint[class*=" linenums:"]{box-shadow: (~"37px 0 0 #DBE1E7 inset, 40px 0 0 #95A7B9 inset");.border-radius(0);border: none;position: relative;}
    &:before{
	width: 100%;background: #A5B5C6;border-bottom: 1px solid #95A7B9;
	content: attr(title);position: absolute;top:-31px;right: 0;z-index: 1;padding: 5px 12px;
	color: #fff;font-weight: bold;text-transform: uppercase;font-size: 18px;.box-sizing(border-box);
    }
}
/* -------------------------
    Responsive Short Code
---------------------------*/

/*-- Tablet portrait (768x1024) && Small tablet landscape (800x600) --*/
@media (min-width: 768px) and (max-width: 979px) {
    /* Block Lightbox*/
    .yt-lightbox{display: block;}
    div.yt-vimeo iframe,
    div.yt-youtube iframe{width:100%;height: 300px;}
}


/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
@media (max-width: 767px){
   div.yt-tabs{
	ul.nav-tabs {
	    li{width: 50%;
		a{margin-right: 0;}
	    }
	}
    }
    div.yt-vimeo iframe,
    div.yt-youtube iframe{width:100%;height: 200px;}
    div.yt-pricing {
	.column.span3,
	.column.span4{width: 100%;}
    }
    .yt-vimeo,
    .yt-youtube{width: 100%; float: none !important;margin: 0 0 1em !important;}
    .yt-gmap{width: 100% !important;float: none;}
    .btn{.text-overflow();max-width: 220px;}
}
@media (max-width: 320px){
    .yt-testimonial.tm-avatar small{width:77%;margin-top: 0;}
}